<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Wandering  A Travel category Flat bootstrap Responsive  Website Template | Single :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Wandering Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>
<!-- //end-smoth-scrolling -->
</head>
<body>
<!--header start here-->
<div class="header-strip"> 

</div>
<div class="header">
	<div class="container">
		<div class="header-main">
			  <div class="logo">
			  	<h1><a href="index.html">Wandering</a></h1>
			  </div>
        </div>
	</div>
</div>			
<div class="navg-strip">
    <div class="container">
      <div class="navg-main">
		 <div class="top-nav">
		 	 <span class="menu"> <img src="images/icon.png" alt=""/></span>
			<ul class="res">
				<li><a href="index.html" class="active">Home</a></li>
				<li><a href="index.html">About Us</a></li>
				<li><a href="index.html">Services</a></li>
				<li><a href="index.html">Gallery</a></li>
				<li><a href="index.html">Contact</a></li>
		
			</ul>
			<!--script-->
						<script>
							$("span.menu").click(function(){
								$("ul.res").slideToggle(500, function(){
								});
							});
					</script>		
		 </div>
		 <div class="header-right">
			<div class="social-icons">
				<ul>
				<li><a href="#"><span class="fa"> </span></a></li>
				<li><a href="#"><span class="tw"> </span></a></li>
				<li><a href="#"><span class="g"> </span></a></li>
				<li><a href="#"><span class="in"> </span></a></li>
				<li><a href="#"><span class="pin"> </span></a></li>
				<li><a href="#"><span class="you"> </span></a></li>
			</ul>
			</div>
			<div class="search-in" >
				<div class="search" >
					<form >
						<input type="text"  class="text">
						<input type="submit" value="SEARCH">
					</form>
					<div class="close-in"><img src="images/s-close.png" alt="" /></div>
				</div>
				<div class="right"><button> </button></div>
		   </div>
		   <script type="text/javascript">
				$('.search').hide();
				$('button').click(function (){
				$('.search').show();
				$('.text').focus();
				}
				);
				$('.close-in').click(function(){
				$('.search').hide();
				});
			</script>

		  <div class="clearfix"> </div>
		</div>
	  <div class="clearfix"> </div>
   </div>
  </div>
</div>
<!--header end here-->
<!--banner start here-->
<div class="banner">
	<div class="container">
		<div class="banner-main">
			<h2>Lorem Ipsum is simply text</h2>
			<p>Lorem Ipsum is not simply random text. It has roots in a piece</p>
		</div>
	</div>
</div>
<!--banner end here-->
<!--single start here-->
		 <div class="single">
			<div class="container">
			<div class="col-md-8 ">
				<div class=" single-grid">
					<img class="img-responsive" src="images/blog.jpg" alt=""  class="img-responsive">
					<div class="lone-line">
						<h4>Social Sense Perception of Loneliness</h4>
						<div class="cal">
							<ul>
								<li><span ><i class="glyphicon glyphicon-calendar"> </i>22.08.2014</span></li>
								<li><a href="#" ><i class="glyphicon glyphicon-comment"> </i>24</a></li>
							</ul>
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error.</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error.</p>

					</div>
				</div>
					<div class=" single-profile">
				<h4> Related Posts</h4>
				<div class="single-left ">					
					<div class="col-md-3 post-top">
					<a href="single.html"><img class="img-responsive " src="images/s1.jpg" alt=""></a>
						<h6><a href="single.html">Duis autem</a></h6>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
					</div>
					<div class="col-md-3 post-top">
					<a href="single.html"><img class="img-responsive " src="images/s2.jpg" alt=""></a>
						<h6><a href="single.html">Duis autem</a></h6>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
					</div>
					<div class="col-md-3 post-top">
					<a href="single.html"><img class="img-responsive " src="images/s3.jpg" alt=""></a>
						<h6><a href="single.html">Duis autem</a></h6>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
					</div>
					<div class="col-md-3 post-top">
					<a href="single.html"><img class="img-responsive " src="images/s4.jpg" alt=""></a>
						<h6><a href="single.html">Duis autem</a></h6>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			<div class="single-bottom">
		
			<h3>Leave a Comment</h3>
				<form>
						<div class="col-md-6 comment">
							<input type="text" placeholder="Name">
						</div>
						<div class="col-md-6 comment">
							<input type="text" placeholder="email">
						</div>
						<div class="clearfix"> </div>
							<textarea placeholder="Message" required=""></textarea>	
							<input type="submit" value="Send">
						
				</form>
			
		</div>
				</div>
					<div class="col-md-3 categories-grid">
				<div class="grid-categories">
					<h4>Categories</h4>
					<ul class="popular ">
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Contrary to popular belief</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>There are many variation</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Lorem Ipsum is simply</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Sed ut perspiciatis unde</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Nemo enim ipsam volume</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>At vero eos et accusamus</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Contrary to popular belief</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>There are many variation</a></li>
					</ul>
				</div>
				<div class="grid-categories">
					<h4>Achievements</h4>
					<ul class="popular popular-in">
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>MAY 2014</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>SEP 2012</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>JANUARY 2011</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>FEB 2010</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>NOV 2009</a></li>
					</ul>
				</div>
			</div>
				<div class="clearfix"> </div>
			
			</div>
	</div>

<!--//single end here-->

<!--footer start here-->
<div class="footer">
	<div class="container">
		<div class="footer-main">
			 <div class="col-md-3 ftr-grd">
                <h3>Information</h3>
                <p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio.</p>
                <ul class="ftr-icons">
                	<li><a href="#"><span class="cr-fa"> </span></a></li>
                	<li><a href="#"><span class="cr-tw"> </span></a></li>
                	<li><a href="#"><span class="cr-in"> </span></a></li>
                </ul>
             </div>
             <div class="col-md-3 ftr-grd">
                 <h3>Site Link</h3>
                <ul class="ftr-links">
                	<li><a href="#home">Home</a></li>
                	<li><a href="#about">About</a></li>
                	<li><a href="#services">Services</a></li>
                	<li><a href="#gallery">Gallery</a></li>
                	<li><a href="#contact">Contact</a></li>
                </ul>
             </div>
             <div class="col-md-3 ftr-grd">
                   <h3>Categories</h3>
                   <ul class="ftr-categ">
					<li><a href="#">Featured</a></li>
					<li><a href="#">General</a></li>
					<li><a href="#">Lorem Ipsum</a></li>
					<li><a href="#">literature</a></li>
					<li><a href="#">Videos</a></li>
				</ul>

             </div>
             <div class="col-md-3 ftr-grd">
                   <h3>Recent project</h3>
                   <div class="ftr-gd4-img">
				    <div class="col-md-4 ftr-gd4-1"><a href="single.html"><img src="images/f1.jpg" alt="" class="img-responsive"></a></div>
				    <div class="col-md-4 ftr-gd4-1"><a href="single.html"><img src="images/f2.jpg" alt="" class="img-responsive"></a></div>
				    <div class="col-md-4 ftr-gd4-1"><a href="single.html"><img src="images/f3.jpg" alt="" class="img-responsive"></a></div>
				  <div class="clearfix"> </div>
				</div>
				<div class="ftr-gd4-img">
				    <div class="col-md-4 ftr-gd4-1"><a href="single.html"><img src="images/f4.jpg" alt="" class="img-responsive"></a></div>
				    <div class="col-md-4 ftr-gd4-1"><a href="single.html"><img src="images/f5.jpg" alt="" class="img-responsive"></a></div>
				    <div class="col-md-4 ftr-gd4-1"><a href="single.html"><img src="images/f6.jpg" alt="" class="img-responsive"></a></div>
				  <div class="clearfix"> </div>
				</div>
             </div>
          <div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--footer end here-->
<!--copyright start here-->
<div class="copyright">
	<div class="container">
	   <div class="copy-main">
			<p>© 2015 Wandering. All rights reserved | Design by  <a href="http://w3layouts.com/" target="_blank">  W3layouts </a></p>
	   </div>
	   <script type="text/javascript">
										$(document).ready(function() {
											/*
											var defaults = {
									  			containerID: 'toTop', // fading element id
												containerHoverID: 'toTopHover', // fading element hover id
												scrollSpeed: 1200,
												easingType: 'linear' 
									 		};
											*/
											
											$().UItoTop({ easingType: 'easeOutQuart' });
											
										});
									</script>
						<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

  </div>
</div>

<!--copyright end here-->